<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<title>基于bootstrap的管理后台</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="Live preview for Color Admin - Responsive Admin Template at WrapBootstrap" name="description" />
	<meta content="" name="author" />
	<!-- ================== BEGIN BASE CSS STYLE ================== -->
	<!--link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" /-->
	<link href="__STATIC__/assets_index/plugins/jquery-ui-1.10.4/jquery-ui.css" rel="stylesheet" />
	<link href="__STATIC__/assets_index/plugins/bootstrap-3.1.1/css/bootstrap.css" rel="stylesheet" />
	<link href="__STATIC__/assets_index/plugins/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" />
	<link href="__STATIC__/assets_index/css/animate.css" rel="stylesheet" />
	<link href="__STATIC__/assets_index/css/style.css" rel="stylesheet" />
	<link href="__STATIC__/assets_index/css/style-responsive.css" rel="stylesheet" />
	<!-- ================== END BASE CSS STYLE ================== -->
	 <script src="__STATIC__/assets_index/js/behavior.js"></script>
     <script src="__STATIC__/assets_index/js/ga.js"></script>
	<!-- ================== BEGIN PAGE LEVEL STYLE ================== -->
	<!--<link href="__STATIC__/assets_index/plugins/jquery-jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" />-->
	<link href="__STATIC__/assets_index/plugins/bootstrap-datepicker/css/datepicker.css" rel="stylesheet" />
	<link href="__STATIC__/assets_index/plugins/bootstrap-datepicker/css/datepicker3.css" rel="stylesheet" />
    <link href="__STATIC__/assets_index/plugins/gritter/css/jquery.gritter.css" rel="stylesheet" />
	<!-- ================== END PAGE LEVEL STYLE ================== -->
 <style type="text/css">.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;border: 1px solid white;z-index: 10000;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}</style></head>
<body>
	<!-- begin #page-loader -->
	<div id="page-loader" class="fade in"><span class="spinner"></span></div>
	<!-- end #page-loader -->
	<!-- begin #page-container -->
	<div id="page-container" class="fade">
		<!-- begin #header -->
		<div id="header" class="header navbar navbar-default navbar-fixed-top">
			<!-- begin container-fluid -->
			<div class="container-fluid">
				<!-- begin mobile sidebar expand / collapse button -->
				<div class="navbar-header">
					<a href="index.html" class="navbar-brand"><span class="navbar-logo"></span> 管理后台</a>
					<button type="button" class="navbar-toggle" data-click="sidebar-toggled">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<!-- end mobile sidebar expand / collapse button -->
				<!-- begin header navigation right -->
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown navbar-user">
						<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
							<img src="__STATIC__/assets_index/img/coming-soon.jpg" alt="" />
							<span class="hidden-xs">念你成疾</span> <b class="caret"></b>
						</a>
						<ul class="dropdown-menu animated fadeInLeft">
							<li class="arrow"></li>
							<li><a href="javascript:;">Edit Profile</a></li>
							<li><a href="javascript:;"><span class="badge badge-danger pull-right"></span> Inbox</a></li>
							<li><a href="javascript:;">Calendar</a></li>
							<li><a href="javascript:;">Setting</a></li>
							<li class="divider"></li>
							<li><a href="javascript:;">Log Out</a></li>
						</ul>
					</li>
				</ul>
				<!-- end header navigation right -->
			</div>
			<!-- end container-fluid -->
		</div>
		<!-- end #header -->

		<!-- begin #sidebar -->
		<div id="sidebar" class="sidebar">
			<!-- begin sidebar scrollbar -->
			<div data-scrollbar="true" data-height="100%">
				<!-- begin sidebar user -->
				<ul class="nav">
					<li class="nav-profile">
						<div class="image">
							<a href="javascript:;"><img src="__STATIC__/assets_index/img/coming-soon.jpg" alt="" /></a>
						</div>
						<div class="info">
							念你成疾
							<small>超级管理员</small>
						</div>
					</li>
				</ul>
				<!-- end sidebar user -->
				<!-- begin sidebar nav -->
				<ul class="nav">
					<li class="nav-header">后台菜单</li>
					<li>
						<a href="change_index.html"><i class="fa fa-laptop"></i> <span>后台主页</span></a>
					</li>
			{foreach name="power" item='v'}
					<li class="has-sub">
						<a href="javascript:;">
						    <i class="fa fa-suitcase"></i>
						    <b class="caret pull-right"></b>
						    <span>{$v.name}</span>
						</a>

						<ul class="sub-menu">
							{foreach name='v.child' item='vo'}
								<li><a href="{:url($vo.url)}">{$vo.name}</a></li>
							{/foreach}
						</ul>

					</li>
			{/foreach}
				</ul>
				<!-- end sidebar nav -->
			</div>
			<!-- end sidebar scrollbar -->
		</div>
		<!-- end #sidebar -->
		<!-- begin #content -->
		<div id="content" class="content">

		</div>
		<!-- end #content -->

		<!-- begin scroll to top btn -->
		<a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
		<!-- end scroll to top btn -->
	</div>
	<!-- end page container -->

	<!-- ================== BEGIN BASE JS ================== -->
	<script src="__STATIC__/assets_index/plugins/jquery-1.7.2/jquery-1.7.2.js"></script>
	<script src="__STATIC__/assets_index/plugins/jquery-ui-1.10.4/ui/minified/jquery-ui.min.js"></script>
	<script src="__STATIC__/assets_index/plugins/bootstrap-3.1.1/js/bootstrap.min.js"></script>
	<script src="__STATIC__/assets_index/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<!-- ================== END BASE JS ================== -->
	<!-- ================= BEGIN PAGE LEVEL JS ================== -->
	<script src="__STATIC__/assets_index/plugins/gritter/js/jquery.gritter.js"></script>
	<script src="__STATIC__/assets_index/plugins/flot/jquery.flot.min.js"></script>
	<script src="__STATIC__/assets_index/plugins/flot/jquery.flot.time.min.js"></script>
	<script src="__STATIC__/assets_index/plugins/flot/jquery.flot.resize.min.js"></script>
	<script src="__STATIC__/assets_index/plugins/flot/jquery.flot.pie.min.js"></script>
	<script src="__STATIC__/assets_index/plugins/sparkline/jquery.sparkline.js"></script>
	<script src="__STATIC__/assets_index/plugins/jquery-jvectormap/jquery-jvectormap-1.2.2-min.js"></script>
	<script src="__STATIC__/assets_index/plugins/jquery-jvectormap/jquery-jvectormap-world-mill-en.js"></script>
	<script src="__STATIC__/assets_index/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
	<script src="__STATIC__/assets_index/js/dashboard.js"></script>
	<script src="__STATIC__/assets_index/js/apps.js"></script>
	<!-- ================== END PAGE LEVEL JS ================== -->
	<script>
		$(document).ready(function() {
			App.init();
			Dashboard.init();
		});
	</script>

</body>
</html>
